/*
 * @Author: LGX
 * @Date: 2022-04-03 23:22:26
 * @LastEditors: LGX
 * @LastEditTime: 2022-04-04 16:30:31
 * @FilePath: \erp-management-system\src\components\announcement\WangEditor\index.jsx
 * @Description: 富文本编辑器组件
 * 
 */
import React from 'react'
import ReactWEditor from 'wangeditor-for-react';
export default function WangEditor(props) {
  // const editor = new E('#toolbar-container', '#text-container') // 传入两个元素
  // editor.create()
  return (
    <>
      <ReactWEditor
        // defaultValue={'<h1>工作报告</h1>'}
        linkImgCallback={(src, alt, href) => {
          // 插入网络图片的回调事件
          console.log('图片 src ', src)
          console.log('图片文字说明', alt)
          console.log('跳转链接', href)
        }}
        onlineVideoCallback={(video) => {
          // 插入网络视频的回调事件
          console.log('插入视频内容', video)
        }}
        // onChange={(html) => {
        //   console.log('onChange html:', html)
        // }}
        onBlur={(html) => {
          // console.log('onBlur html:', html)
          props.setContext(html)
        }}
        // onFocus={(html) => {
        //   console.log('onFocus html:', html)
        // }}
      />
    </>
  )
}
